.label {
    @apply flex items-center font-bold;
    font-size: 13px;
}

.subtitles {
    font-size: 9px;
    font-style: italic;
    text-overflow: ellipsis;
    max-width: 135px;
    overflow: hidden;
    white-space: nowrap;
}

.container {
    @apply rounded bg-white relative cursor-pointer;

}

.container-active {
    @apply rounded opacity-100 bg-primary overflow-hidden border-2 border-solid border-primary text-white;
}

.node {
    @apply flex items-center;
    padding: 4px 12px 7px;
}

.dot-container {
    @apply flex items-center justify-start w-full absolute;

    gap: 6px;
    height: 8px;
    top: -5px;
    margin-left: 6px;
}

.dot-active-container {
    @apply flex items-center justify-start w-full absolute;
    gap: 6px;
    width: 100%;
    height: 8px;
    top: -4px;
    margin-left: 6px;
}

.schema-dot {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: rgba(252, 211, 77, 1);
}

.anomalies-dot {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    @apply bg-secondary
}
  
.failed-dot {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: rgba(239, 68, 68, 1);
}
